<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">
    
    <head>
        <meta charset="UTF-8">
        <title>房间订单后台增加页面</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="/static/admin/x-admin/css/font.css">
        <link rel="stylesheet" href="/static/admin/x-admin/css/xadmin.css">
        <script type="text/javascript" th:src="@{/static/admin/x-admin/lib/layui/layui.js}" charset="utf-8"></script>
        <script type="text/javascript" th:src="@{/static/admin/x-admin/js/xadmin.js}"></script>
        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]--></head>
    
    <body>
        <div class="layui-fluid">
            <div class="layui-row">
                <form class="layui-form" action="">
                    <div class="layui-form-item">
                        <label for="uid" class="layui-form-label">
                            <span class="x-red">*</span>用户ID</label>
                        <div class="layui-input-inline">
                            <input type="text" id="uid" name="uid"   autocomplete="off" class="layui-input"></div>
                    </div>
                    <div class="layui-form-item">
                        <label for="orderNum" class="layui-form-label">
                            <span class="x-red">*</span>订单号</label>
                        <div class="layui-input-inline">
                            <input type="text" id="orderNum" name="orderNum"   autocomplete="off" class="layui-input"></div>
                    </div>
                    <div class="layui-form-item">
                        <label for="inTime" class="layui-form-label">
                            <span class="x-red">*</span>入住时间</label>
                        <div class="layui-input-inline">
                            <input type="datetime-local" id="inTime" name="inTime"   autocomplete="off" class="layui-input"></div>
                    </div>
                    <div class="layui-form-item">
                        <label for="outTime" class="layui-form-label">还房时间</label>
                        <div class="layui-input-inline">
                            <input type="datetime-local" id="outTime" name="outTime"  autocomplete="off" class="layui-input"></div>
                    </div>
                    <div class="layui-form-item">
                        <label for="orderState" class="layui-form-label">
                            <span class="x-red">*</span>订单状态</label>
                        <div class="layui-input-inline">
                            <select id="orderState" name="orderState" autocomplete="off" class="layui-select">
                                <option value="-1" >订单未生效</option>
                                <option value="0" >订单生效中</option>
                                <option value="1" >订单已结束</option>
                            </select>
                            </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="orderNum" class="layui-form-label">
                            <span class="x-red">*</span>房间ID</label>
                        <div class="layui-input-inline">
                            <input type="text" id="roomId" name="roomId"   autocomplete="off" class="layui-input"></div>
                    </div>
                    <div class="layui-form-item">
                        <label for="orderNum" class="layui-form-label">用户反馈</label>
                        <div class="layui-input-inline">
                            <input type="text" id="feedback" name="feedback"   autocomplete="off" class="layui-textarea"></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"></label>
                        <button class="layui-btn"  type="button" onclick="add()">增加</button>
                    </div>
                </form>
            </div>
        </div>
    </body>
    <script>
        function add() {
            $.ajax({
                url:'/room-order/admin/add',
                dataType:'json',
                type:'post',
                data:{
                    uid:$('#uid').val(),
                    orderNum:$('#orderNum').val(),
                    checkInTime:new Date($('#inTime').val()),
                    checkOutTime:new Date($('#outTime').val()),
                    orderState:$('#orderState').val(),
                    roomId:$('#roomId').val(),
                    feedback:$('#feedback').val(),
                },success:function(data){
                    let result = data.code;
                    if(result == 200){
                        alert("添加成功！");
                        xadmin.father_reload()
                    }else{
                        alert("添加失败！");
                    }
                },error:function () {
                    alert("服务器异常");
                }

            })
        }
    </script>
    <script>layui.use(['form', 'layer'],
        function() {
            $ = layui.jquery;
            var form = layui.form,
                layer = layui.layer;
            //监听提交
        })
    </script>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();</script>

</html>